<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title></title>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css"
	href="js/layui-v2.1.5/layui/css/layui.css" />
<link rel="stylesheet" type="text/css"
	href="js/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.min.css">
<link rel="stylesheet" type="text/css"
	href="static/p_customer/customer-index.css">
<style>
	.client-l ul span {
	    display: inline;
	    height: 28px;
	    line-height: 28px;
	    text-align: center;
	}
	span.myBadge{
		position: absolute;
		right: 4px;
		height: 8px !important;
		top: 9px !important;
		line-height: 19px !important;
	}
	span.myBadgeDot{
		position: absolute;
		right: 5px;
		top: 4px !important;
	}
	/*给他一个相对定位 这样可以让徽章定位*/
	li.site{
		position: relative;
	}
	.add-icon a{
		cursor:pointer;
	}
</style>
</head>

<body>
	<div class='wrapper'>
		<div class='client-l'>
			<div class='nav-No'>
				<p>楼号</p>
				<ul class="no-list" style="text-align:center">
					<!-- <li data-id='0'>A</li> -->
					<span id="addNo"><i class="layui-icon">&#xe654;</i></span>
				</ul>
			</div>
			<div class='nav-unit'>
				<p>单元</p>
				<ul class="unit-list" style="text-align:center">
					<!-- <li>1</li> -->
					<span id="addUnit"><i class="layui-icon">&#xe654;</i></span>
				</ul>
			</div>
			<div class='nav-floor' style="text-align:center">
				<p>楼层</p>
				<ul class="floor-list">
					<span id="addFloor"><i class="layui-icon">&#xe654;</i></span>
				</ul>
			</div>
		</div>
		<div class='client-r'>
			<div class='house-state'>
				<div class='state-box'>
					<!-- 四种状态值    房间号-->
					<div class="state-wrapper">
						<ul class="room-list">
						</ul>
					</div>
					<span class='add-icon'> 
						<a target="roomAdd" href="javascript:;" onclick="checkUnit('','0')">
						<i class="layui-icon">&#xe654;</i></a>
						<!-- 模板 -->
						<a onclick="window.open('template/roomTemplete.xls','模板下载')">
						<i class="layui-icon toolTip" data-tip="excel模板">&#xe63c;</i></a>
						<!-- 添加Excel -->
						<a target="roomAdd" onclick="checkUnit('','5')">
						<i class="layui-icon toolTip" data-tip="excel添加"> &#xe655;</i></a>
					</span>
				</div>
			</div>
			<div class='state-content'>
				<iframe name="roomAdd" id="selectTab" src="" frameborder="0"
					style="width: 100%; height: 100%; display: block;"></iframe>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="js/form.js"></script>
<script type="text/javascript" src="js/layui-v2.1.5/layui/layui.all.js"></script>
<script type="text/javascript"
	src="js/malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.concat.min.js"></script>
<script>

	var buildNoId;//被选中的单元id
	var buildFloorId;//被选中楼层id  楼层点击事件赋值
	var fkbuildId;//被选中的楼栋id  楼号点击事件赋值
	$(document).ready(function() {
		getBuildingNum();
		toolTip();
	});

	//获取建筑数量列表（建筑名、楼号）,获取成功后将对应元素绑定点击事件和加上滚动条
	function getBuildingNum() {
		var url = "buildingUnit/getBuildingNoByPId";
		//pid:项目id
		$.getJSON(url, {
			pid : parent.projectID
		}, function(data, status) {
			if (status == "success") {
				var $tag = $(".nav-No .no-list");
				//加载之前先清空，防止多次调用是重复添加
				$tag.find("li").remove();
				$.each(data, function(i, v) {
					var t="";
					if(v.countNum!=0){
						//t="<span class=\"layui-badge layui-bg-red myBadge\">"+v.countNum+"</span>";
						t="<span class=\"layui-badge-dot layui-bg-red myBadge\"></span>";
					}
					$tag.prepend("<li title=\""+v.noName+"\" class=\"site\" data-id='" + v.id + "'>" + v.noName +t+"</li>");
				});
								
				//绑定事件同时加上滚动条
				addClickCI();
			}
		});
	}
	//阻止楼号,单元,楼层默认右击事件
	$('.client-l ul').on("contextmenu","li", function(){
	    return false;
	})
	//楼号,单元,楼层左击时取消编辑框
	$('.client-l>div').on("click",function(){
		$('.changeBox').remove();
	})
	
	//////////////////楼号右击str////////////////////////////
	/* //阻止楼号默认右击事件
	$('.unit-list').on("contextmenu","li", function(){
	    return false;
	}) 
	$('.nav-No').on("click",function(){
		$('.changeBox').remove();
	}) */
	//楼号添加右击事件
	$('.no-list').on('mousedown',"li:not(.changeLi)",function(e) {
	    var id = $(this).attr("data-id");
	    var name = $(this).text();
	    $('.changeBox').remove();
	     //右键为1
	     //ul默认padding-top:28px
	    var str=null,top=0,h=$(this).height(),index=$(this).index()+1;
	    	top=28+louLmove+index*h-6+"px";
	    if (3 == e.which) {
	    	if($(".no-list .changeBox").length>0){
	    	}else{
	    		str = "<div class=\"changeBox\"><ul>";
		    	<shiro:hasPermission name="permission:edit"> 
					str +="<li  class='changeLi' onclick=\"editNO('"+id+"','"+name+"');\">编辑</li>";
				</shiro:hasPermission> 
				<shiro:hasPermission name="permission:delete"> 
					str +="<li  class='changeLi' onclick=\"delNO('"+id+"');\">删除</li>";
				</shiro:hasPermission> 
				str+="</ul></div>";
	    		//str="<div class=\"changeBox\"><ul><li  class='changeLi' onclick=\"editNO('"+id+"','"+name+"');\">编辑</li><li  class='changeLi' onclick=\"delNO('"+id+"');\">删除</li></ul></div>";
	       		$('.no-list').append($(str));		
	    	} 
	    	$('.no-list .changeBox').css('top',top);  
	    }
	})
	///////////////////楼号右击end/////////////////////////////////////		
			
	//////////////////单元右击str/////////////////////////////////////
	/* //阻止单元默认右击事件
	$('.unit-list').on("contextmenu","li", function(){
	    return false;
	}) 
	//取消编辑框
	$('.nav-unit').on("click",function(){
		$('.changeBox').remove();
	})*/
	//
	//单元添加右击事件
	var uTmove=0;
	$('.nav-unit').on('mousedown',"li:not(.changeLi)",function(e) {
	    var id = $(this).attr("data-id");
	    var name = $(this).text();
	    $('.changeBox').remove();
	     //右键为1
	    var str=null,top=0,h=$(this).height(),index=$(this).index()+1;
	    	top=28+uTmove+index*h-6+"px";
	    if (3 == e.which) {
	    	if($(".nav-unit .changeBox").length>0){
	    	}else{
	    		str = "<div class=\"changeBox\"><ul>";
		    	<shiro:hasPermission name="permission:edit"> 
					str +="<li  class='changeLi' onclick=\"editUnit('"+id+"','"+name+"');\">编辑</li>";
				</shiro:hasPermission> 
				<shiro:hasPermission name="permission:delete"> 
					str +="<li  class='changeLi' onclick=\"delUnit('"+id+"');\">删除</li>";
				</shiro:hasPermission> 
				str+="</ul></div>";
	    		//str="<div class=\"changeBox\"><ul><li class='changeLi' onclick=\"editUnit('"+id+"','"+name+"');\">编辑</li><li class='changeLi' onclick=\"delUnit('"+id+"');\">删除</li></ul></div>";
	       		$('.unit-list').append($(str)); 			
	    	}
	    	$('.nav-unit .changeBox').css('top',top);	   
	    }
	})
	///////////////////单元右击end/////////////////////////////////////	
	
   //////////////////楼层右击str/////////////////////////////////////
	
	//楼层添加右击事件
	var cengmove=0;
	$('.nav-floor').on('mousedown',"li:not(.changeLi)",function(e) {
	    var id = $(this).attr("data-id");
	    var name = $(this).text();
	    $('.changeBox').remove();
	     //右键为1
	    var str=null,top=0,h=$(this).height(),index=$(this).index()+1;
	    	top=28+cengmove+index*h-6+"px";
	    if (3 == e.which) {
	    	if($(".nav-floor .changeBox").length>0){
	    	}else{
	    		str = "<div class=\"changeBox\"><ul>";
		    	<shiro:hasPermission name="permission:edit"> 
					str +="<li  class='changeLi' onclick=\"editFloor('"+id+"','"+name+"');\">编辑</li>";
				</shiro:hasPermission> 
				<shiro:hasPermission name="permission:delete"> 
					str +="<li  class='changeLi' onclick=\"delFloor('"+id+"');\">删除</li>";
				</shiro:hasPermission> 
				str+="</ul></div>";
	    		//str="<div class=\"changeBox\"><ul><li class='changeLi' onclick=\"editFloor('"+id+"','"+name+"');\">编辑</li><li class='changeLi' onclick=\"delFloor('"+id+"');\">删除</li></ul></div>";
	       		$('.floor-list').append($(str)); 			
	    	}
	    	$('.nav-floor .changeBox').css('top',top);	   
	    }
	})
	///////////////////楼层右击end/////////////////////////////////////	
	
	//////////////////房间号右击str/////////////////////////////////////
	//阻止房间号默认右击事件
	$('.state-box').on("contextmenu","li:not(.changeLi)", function(){
	    return false;
	})
	//取消编辑框
	$('.state-box').on("click",function(){
		$('.changeBox').remove();
	})
	//房间添加右击事件
	var houseLMove=0;
	$('.state-box').on('mousedown',"li:not(.changeLi)",function(e) {
		$('.changeBox').remove();
	    var id = $(this).attr("data-id");
	    var merge=$(this).attr("data-merge");//房间合并状态
	    var name = $(this).text();
	     //右键为1
	    var str=null,left=0,w=$(this).width(),index=$(this).index()+1;
	    	left=10+houseLMove+index*w+"px";
	    if (3 == e.which) {
	    	if($(".state-box .changeBox").length>0){
	    		//$('.state-box .changeBox').css('left',left);
	    	}else{
	    		str = "<div class=\"changeBox\"><ul>";
	    		str +="<li  class='changeLi' onclick=\"checkUnit('"+id+"','1');\">查看</li>";
		    	<shiro:hasPermission name="permission:edit"> 
					str +="<li  class='changeLi' onclick=\"checkUnit('"+id+"','2');\">编辑</li>";
				</shiro:hasPermission>
				
				//str +="<li  class='changeLi' onclick=\"checkUnit('"+id+"','3');\">合并</li>";
				//if(merge==1){//合并过的房间才可以进行拆分
				//	str +="<li  class='changeLi' onclick=\"checkUnit('"+id+"','4');\">拆分</li>";
				//} 
				str+="</ul></div>";
	       		$('.state-box').append($(str));	
	    	} 
	    	$('.state-box .changeBox').css("left",left);	  
	    }
	});
	///////////////////房间号右击end/////////////////////////////////////
	
	//删除房间,2017-2-20 去除房间的删除操作
	/* function delRoom(id){
		//$.ajaxSetup({cache:false});//清除缓存
		$.ajaxSettings.async = false;
		$.post("roomInfo/delRoom",{id:id},function(data,status){
			if(data.msg=="success"){
				layer.msg("删除成功！");
				//重新点击父页面已被选择的元素，以达到刷新房间号的目的
				$(".nav-unit .unit-list li.active", document).click();
			}else if(data.msg=="success"){
				layer.msg("删除失败，请联系系统管理员！");
			}else{
				layer.alert('该房间下还有客户未迁出，不能删除', {icon: 7});
			}	
		},"json");
	} */
	
	//删除单元
	function delUnit(id){
		$.post("buildingUnit/delUnit",{id:id},function(data,status){
			if(data.msg=="success"){
				layer.msg("删除成功！");
				//使用js再次点击当前北选中的楼号，以达到刷新的目的
				$("ul.no-list li.active").click();
			}else if(data.msg=="error"){
				layer.msg("删除失败，请联系系统管理员！");
			}else{
				$("ul.no-list li.active").click();
				layer.alert('该单元下还有房间，不能删除', {icon: 7});
			}	
		},"json");
	}
	
	//删除楼号
	function delNO(id){
		$.post("buildingUnit/delNO",{id:id},function(data,status){
			if(data.msg=="success"){
				layer.msg("删除成功！");
				location.reload();
			}else if(data.msg=="error"){
				layer.msg("删除失败，请联系系统管理员！");
			}else{
				layer.alert('该楼号下还有单元，不能删除', {icon: 7});
			}	
		},"json");
	}

	//为该页面上各个滚动选项卡添加点击事件和滚动条
	//axis:"yx"
	var louLmove=0;//楼号滚动的距离；
	var cengmove=0;//楼层滚动的距离；
	function addClickCI() {
		//初始化楼号滚动条
		$(".no-list").mCustomScrollbar({
			alwaysShowScrollbar : 0,
			theme : "dark",
			callbacks: {
				whileScrolling: function(){// 只要滚动条滚动，这个函数就会执行
					//louLMove=this.mcs.top;//滚动的距离，赋值给check-box
					louLmove=this.mcs.top;//赋值给checkbox的top
					$('.no-list .changeBox').remove();
		　　　　}
		　　}
		});
		/* 房间号点击事件*/
		$(".state-box").on('click', 'li', function() {
			$(this).addClass('active').siblings().removeClass('active');
			//获取和当前房间相同合并组的类名,如果有被合并的取出来的类名一定是32位且在第一位
			var mergeClass=$(this).attr("class").split(" ")[0];
			if(mergeClass!=""&&mergeClass.length==32){
				$("."+mergeClass).addClass("active");
			}
		});
		/* 楼层点击事件*/
		$(".nav-floor .floor-list").on('click', 'li:not(.changeBox li)',function() {
			$(this).addClass('active').siblings().removeClass('active');
			//赋值楼层id
			buildFloorId=$(this).attr("data-id");
			//清空右侧客户概要列表页面
			$("#selectTab").attr("src","");
			//点击楼层刷新房间列表
			getRoomInfoByBFId();
			//循环判断房间 以验证出房间是否是合并态
			mergeRoomSelect();
		});
		

		/* 楼号列表点击事件,排除右键菜单 */
		$('.nav-No .no-list div:not(.changeBox) li').on("click", function() {
			$(this).addClass('active').siblings().removeClass('active');
			//赋值楼号id
			fkbuildId=$(this).attr("data-id");
			//将该楼号下的建筑单元填充进去
			var id = $(this).attr("data-id");
			var url = "buildingUnit/getBuildingUnitByBuildingNoId";
			$.getJSON(url, {
				id : id
			}, function(data, status) {
				if (status == "success") {
					//单元比较大小排序
					arrSortMinToMax(data);
					var $t = $(".nav-unit .unit-list");
					$t.find("li").remove();
					$.each(data, function(i, v) {
						var t="";
						if(v.countNum!=0){
							//t="<span class=\"layui-badge layui-bg-red myBadge\">"+v.countNum+"</span>";
							t="<span class=\"layui-badge-dot layui-bg-red myBadge\"></span>";
						}
						$t.prepend("<li class=\"site\" data-id='" + v.id + "' >" + v.unitName + t+"</li>");
					});
					
					//初始化单元列表滚动条,初始化前先移除滚动条，防止多次点击滚动条失效
					$(".nav-unit .unit-list").mCustomScrollbar("destroy");
					$(".nav-unit .unit-list").mCustomScrollbar({
						alwaysShowScrollbar : 0,
						theme : "dark",
						callbacks: {
					　　　　whileScrolling: function(){// 只要滚动条滚动，这个函数就会执行
						　　　　uTmove=this.mcs.top;
							   $('.nav-unit .changeBox').remove();
					　　　　}
					　　}
					});
					//清空房间号 ，防止没有单元号还显示上次点击的遗留数据
					var $u=$(".state-wrapper ul");
					$u.find("*").remove();
					
					/* 初始化单元列表点击事件,绑定之前先移除事件 */
					$('.nav-unit .unit-list').unbind("click");
					$('.nav-unit .unit-list div:not(.changeBox) li').on("click", function() {
						$(this).addClass('active').siblings().removeClass('active');
						//点击单元刷新楼层列表
						getBuildingFloorByUid($(this).attr("data-id"));
					});
					
					//单元加载完成选择第一个单元
					$('.nav-unit .unit-list li:eq(0)').click();
				}
			});
		});
		/* 楼号 添加按钮点击事件  */
		$("#addNo").click(function() {
			//传入项目 id
			addNo(this,parent.projectID);
		});
		/* 单元 添加按钮点击事件 */
		$("#addUnit").click(function() {
			buildNoId = $("ul.no-list li.active").attr("data-id");
			//传入建筑（楼号）id
			addUnit(buildNoId);
		});
		/* 楼层 添加按钮点击事件 */
		$("#addFloor").click(function() {
			//传入建筑（楼号）id
			addFloor($("ul.unit-list li.active").attr("data-id"));
		});
	}
	//添加楼号
	function addNo(_this,pid){
		layer.prompt({
			title : '输入楼号名称，并确认',
			offset:'20%',
			shade:0.1,
			formType : 3
		}, function(noName, index) {
			//确认之后出现加载层
			var it=layer.load(2, {
				  shade: [0.1,'#fff'] //0.1透明度的白色背景
			});
			//将输入的单元名称提交到后台进行插入
			$.post("buildingUnit/addbuildingNo",{pid:pid,noName:noName},function(data,status){
				if(data.msg.id){//有值为真,无值为假
					//保存成功弹出提示信息，并重新刷新列表
					layer.msg("保存成功!");
					//刷新
					location.reload();
					layer.close(index);
				}else{
					layer.msg("楼号"+noName+"已存在，不能重复添加！");
				}
				layer.close(it);
			},"json");
		});
	}
	//编辑建筑数量
	function editNO(id,name){
		var pid = parent.projectID;
		layer.prompt({
			title : '输入楼号名称，并确认',
			offset:'20%',
			shade:0.1,
			formType : 3,
			value:name,//赋值
		}, function(noName, index) {
			//将输入的单元名称提交到后台进行插入
			$.post("buildingUnit/addbuildingNo",{id:id,pid:pid,noName:noName},function(data,status){
				//保存成功弹出提示信息，并重新刷新列表
				if(name == noName){
					layer.msg("楼号"+noName+"未修改！");
					layer.close(index);
				}else if(!data.msg.id){
					layer.msg("楼号"+noName+"已存在，不能重复添加！");
				}else{
					layer.msg("保存成功!");
					layer.close(index);
					location.reload();
				}
				
			},"json");
		});
	}
	
	//添加单元
	function addUnit(bid) {
		var opt = "1";//添加
		//如果没有选择楼号不可以添加单元
		if(bid==null){
			layer.msg("请选择楼号!",function(){});
			return false;
		}
		layer.prompt({
			title : '输入单元名称，并确认',
			offset:'20%',
			shade:0.1,
			formType : 3
		}, function(unitName, index) {
			//将输入的单元名称提交到后台进行插入
			$.post("buildingUnit/addBuildingUnitByBuildingNumId",{bid:bid,unitName:unitName,opt:opt},function(data,status){
				if(data.msg=="success"){
					//保存成功弹出提示信息，并重新刷新列表
					layer.msg("保存成功!");
					//使用js再次点击当前北选中的楼号，以达到刷新的目的
					$("ul.no-list li.active").click();
					layer.close(index);
				}else if(data.msg=="已存在"){
					layer.msg("单元号"+unitName+"已存在，不能重复添加！");
				}
			},"json");
		});
	}
	
	//编辑楼层
	function editFloor(id,name) {
		var opt = "2";//修改
		var buildUnitId = $("ul.unit-list li.active").attr("data-id");
		layer.prompt({
			title : '输入楼层名称，并确认',
			offset:'20%',
			shade:0.1,
			formType : 3,
			value:name
		}, function(floorName, index) {
			//将输入的单元名称提交到后台进行插入
			$.post("buildingUnit/optBuildingFloor",{id:id,uId:buildUnitId,floorName:floorName},function(data,status){
				layer.msg(data.msg);
				$("ul.unit-list li.active").click();
				layer.close(index);
			},"json");
		});
	}
	//删除楼层
	function delFloor(id){
		$.post("buildingUnit/delFloor",{id:id},function(data,status){
			if(data.msg=="success"){
				layer.msg("删除成功！");
				$("ul.unit-list li.active").click();
				//location.reload();
			}else if(data.msg=="error"){
				layer.msg("删除失败，请联系系统管理员！");
			}else{
				layer.alert('该楼层下还有房间，不能删除', {icon: 7});
			}	
		},"json");
	}
	//编辑单元
	function editUnit(id,name) {
		var opt = "2";//修改
		buildNoId = $("ul.no-list li.active").attr("data-id");
		layer.prompt({
			title : '输入单元名称，并确认',
			offset:'20%',
			shade:0.1,
			formType : 3,
			value:name
		}, function(unitName, index) {
			//将输入的单元名称提交到后台进行插入
			$.post("buildingUnit/addBuildingUnitByBuildingNumId",{id:id,bid:buildNoId,unitName:unitName,opt:opt},function(data,status){
				if(data.msg=="success"){
					//保存成功弹出提示信息，并重新刷新列表
					layer.msg("保存成功!");
					//使用js再次点击当前北选中的楼号，以达到刷新的目的
					$("ul.no-list li.active").click();
					layer.close(index);
				}else if(data.msg=="已存在"){
					if(unitName == name){
						layer.msg("单元号"+unitName+"未修改！");
						layer.close(index);
					}else{
						layer.msg("单元号"+unitName+"已存在，不能重复添加！");
					}
				}
			},"json");
		});
	}
	
	/* 由单元添加楼层 */
	function addFloor(uId){
		//如果没有选择楼号不可以添加单元
		if(uId==null){
			layer.msg("请选择单元!",function(){});
			return false;
		}
		layer.prompt({
			title : '输入楼层名称，并确认',
			offset:'20%',
			shade:0.1,
			formType : 3
		}, function(floorName, index) {
			//将输入的单元名称提交到后台进行插入
			$.post("buildingUnit/optBuildingFloor",{uId:uId,floorName:floorName},function(data,status){
				if(data.success){
					//保存成功弹出提示信息，并重新刷新列表
					layer.msg("保存成功!");
					//使用js再次点击当前被选中的单元，以达到刷新的目的
					$("ul.unit-list li.active").click();
					layer.close(index);
				}else{
					if(data.msg=="楼层已存在"){
						layer.msg("楼层"+floorName+"已存在，不能重复添加！");
					}else{
						layer.msg("添加失败");
					}
				}
			},"json");
		});
	}
	
	/*
	 * 通过单元获取楼层信息，将信息追加到楼层列表中 
	 * 重新初始化滚动条
	 */
	function getBuildingFloorByUid(buildingUnit){
		//楼层容器
		var fList=$("ul.floor-list");
		//先清空数据在添加
		fList.find("li").remove();
		$.getJSON("buildingUnit/getBuildingFloorByUnit",{uId:buildingUnit},function(data){
		
			if(data!=null&&data.length>0){
				$.each(data,function(i,v){
					var t="";
					if(v.countNum!=0){
						//t="<span class=\"layui-badge layui-bg-red myBadge\">"+v.countNum+"</span>";
						t="<span class=\"layui-badge-dot layui-bg-red myBadge\"></span>";
					}
					fList.prepend("<li class=\"site\" data-id=\""+v.id+"\">"+v.floorName+t+"</li>");
				});
				
				//初始化楼层滚动条,初始化之前先销毁
				fList.mCustomScrollbar("destroy");
				fList.mCustomScrollbar({
					alwaysShowScrollbar : 0,
					theme : "dark",
					callbacks: {
				　　　　whileScrolling: function(){// 只要滚动条滚动，这个函数就会执行
							cengmove=this.mcs.top;//赋值给checkbox的top
				　　　　　　$('.floor-list .changeBox').remove();
				　　　　}
				　　}
				});
				
				//楼层加在完  默认选中第一个
				fList.find("li:eq(0)").click();
			}else{
			    var $t=$(".state-wrapper ul");
				$t.find("*").remove();
				$t.append("<li><a><span>&nbsp;</span><span>无房间</span></a></li>");
			}	
		});
	}
	
	/* 
	 * 通过建筑楼层获取房间信息, 并将信息追加到房间列表中
	 */
	 var roomList=null;//该楼层所有房间集合，为了给outline页面使用，减少一次查询
	 function getRoomInfoByBFId(){
		var $t=$(".state-wrapper ul");
		$t.find("*").remove();
		$.ajaxSetup({cache:false});//清除缓存
		$.ajaxSettings.async = false;
		$.getJSON("roomInfo/getRoomInfoByFloor",{fkBuildingFloor:buildFloorId},function(data,status){
			if(status=="success"){
				if(data.length==0){
					$t.append("<li><a><span>&nbsp;</span><span>无房间</span></a></li>");
					$t.show();
				}else{
					$("#selectTab").show();
					roomList=data;
					$.each(data,function(i,v){
						var merge="";
						if(v.mergeClass){
							merge=v.mergeClass;
						}
						var t ="";
						var h = "";
						if(v.countNum!=0){
							//t="<span class=\"layui-badge layui-bg-red myBadge\">"+v.countNum+"</span>";
							t="<span class=\"layui-badge-dot layui-bg-red myBadgeDot\"></span>";
						}
						//merge 这个类名一定要放在最前面 否则 后面会获取不到
						if(v.roomStatus=="空置"){
							$t.append("<li data-id='"+v.id+"' class='"+merge+"' ><a onclick='state(0,this)'><span>空置"+t+"</span><span>"+v.roomNum+"</span></a></li>");
						}else if(v.roomStatus=="出租"){
							$t.append("<li data-id='"+v.id+"' class='"+merge+" rent-h'><a onclick='state(1,this)'><span>出租"+t+"</span><span>"+v.roomNum+"</span></a></li>");
						}else if(v.roomStatus=="自用"){
							$t.append("<li data-id='"+v.id+"' class='"+merge+" free-h '><a onclick='state(2,this)'><span>自用"+t+"</span><span>"+v.roomNum+"</span></a></li>");
						}else if(v.roomStatus=="待出租"){
							$t.append("<li data-id='"+v.id+"' class='"+merge+" wait-h '><a onclick='state(3,this)'><span>待出租"+t+"</span><span>"+v.roomNum+"</span></a></li>");
						}
					});
				}
				
				//初始化房间列表滚动条
				$('.state-wrapper').mCustomScrollbar("destroy");
				$('.state-wrapper').mCustomScrollbar({
					alwaysShowScrollbar : 1,
					theme : "dark",
					horizontalScroll : true,
					callbacks: {
					whileScrolling: function(){// 只要滚动条滚动，这个函数就会执行
						houseLMove=this.mcs.left;//滚动的距离，赋值给check-box；
						$('.state-box .changeBox').remove();
				　　　　}
				　　}
				});
				
			}
		});
		$.ajaxSettings.async = true;
	}
	//验证是否选择了楼层，如果不选择不允许添加房间
	function checkUnit(id,optVal){
		var pid = parent.projectID;
		if($(".nav-floor .floor-list li.active").length!=0){
			var $iframe=$("#selectTab");
			/* if(optVal==3){
				//跳转到房间合并页面，同时传入楼层id
				$iframe.attr("src","roomInfo/toMergeRoom/"+buildFloorId+"/"+id);
			}else if(optVal==4){
				//跳转到房间拆分页面
				$iframe.attr("src","roomInfo/toSplitRoom/"+buildFloorId+"/"+id);
			} else{ */
				//设置iframe src属性
    	 		$iframe.attr("src","roomInfo/toAddRoomInfo_"+id+"_"+optVal+"_"+pid);
			//}
		}else{
			layer.msg("请选择楼层!",function(){});
		}
	}
	
	//点击房间号执行，根据房间状态值 设置显示/隐藏选项卡,该判断在子页面中执行，当子页面加载完成之后获取这个值
	var status;
	var roomId="";//当前被选中房间id
	var lyLoadIndex;
	function state(val,obj){
		//点击方法时出现加载层，加载层关闭在子页面加载完成时触发
		lyLoadIndex=layer.load(2);
		status=val;
		roomId = $(obj).parent().attr("data-id");
		//$("#selectTab")[0].src="p_customer/customer-detail.jsp";
		//跳转到用户列表页面，带着房间id
		//$("#selectTab")[0].src="customerInfo/toCustomerList/"+roomId;
		document.getElementById("selectTab").src="customerInfo/toCustomerList/"+roomId+"/"+top.projectID;
	}
	
	//刷新房间列表并重新点击被选中的房间
	function updateRoom(){
		var roomId = $("ul.room-list li.active").attr("data-id");
		var $unit = $("ul.floor-list li.active");
		
		$unit.click();
		var $room=$("ul.room-list li[data-id='"+roomId+"'] a");
		$room.click();
	}
	//刷新房间列表不点击
	function updateRoomNotClick(){
		var roomId = $("ul.room-list li.active").attr("data-id");
		getRoomInfoByBFId();
		var $room=$("ul.room-list li[data-id='"+roomId+"']").addClass("active");
		mergeRoomSelect();
	}
	
	//最后运行房间循环判断，是否是合并态房间
	function mergeRoomSelect(){
		var $t=$(".state-wrapper ul li");
		$.each($t,function(i,v){
			//获取和当前房间相同合并组的类名,如果有被合并的取出来的类名一定是32位且在第一位
			if($(v).attr("class")!=undefined){
				var c1=$(v).attr("class").split(" ")[0];
				if(c1!=""&&c1.length==32){
					var is=true;
					for (var i = i+1; i < $t.length; i++) {
						var c2=$($t[i]).attr("class").split(" ")[0];
						if(c1==c2){
							if(is){
								$(v).addClass("heBackground");
								is=false;
							}
							$($t[i]).addClass("heBackground");
						}
					}
				}
			}
		});
	}
	//从小到大排序
	function arrSortMinToMax(data){
		var arr = new Array('0','1','2','3','4','5','6','7','8','9');
		var arr2 = new Array('一','二','三','四','五','六','七','八','九','十');
		var oldData = data;
		var flag = false;
		//汉字替换数字
		$.each(data,function(i,v){
			//现在只能排序“单元”的数据，其他的单位的数据暂时先不做处理
			if(v.unitName.indexOf('单元')!=-1){
				flag = true;
				$.each(arr2,function(j,d){
					var regExp=new RegExp(arr2[j],"gmi");
					v.unitName = v.unitName.replace(regExp,arr[j]);//.replace('单元','')
				});
			}else{
				return false;
			}
		});
		//排序
		data.sort(function(a,b){ 
	        return parseInt(a.unitName)- parseInt(b.unitName)<0;  
	    });
		//数字替换为汉字
		if(flag){
			 $.each(data,function(i,v){
				$.each(arr,function(j,d){
					var regExp=new RegExp(arr[j],"gmi");
					v.unitName = v.unitName.replace(regExp,arr2[j]);
				});
			});
		}
	}
	
</script>
</html>


